import React from "react";

// export default class Tabbar extends Component {
 
//   render() {
//   //   return (
//   //     <div>
//   //       <ul>
//   //         {this.props.list.map((item, index) => (
//   //           <li
//   //             key={item.id}
//   //             className={this.props.current === index ? "active" : ""}
//   //             onClick={() => this.handleClick(index)}
//   //           >
//   //             {item.text}
//   //           </li>
//   //         ))}
//   //       </ul>
//   //     </div>
//   //   );
//   // }
//   // handleClick(index) {
  
//   //   // 通知父组件改变自己状态
//   //   this.props.event(index);
//   // }
// }

const Tabbar=(props)=>{
// function  handleClick(index){
  
//     // 通知父组件改变自己状态
//     props.event(index);
//   }
  return (
    <div>
      <ul>
        {props.list.map((item, index) => (
          <li
            key={item.id}
            className={props.current === index ? "active" : ""}
            onClick={() => props.event(index)}
          >
            {item.text}
          </li>
        ))}
      </ul>
    </div>
  );
}
export default Tabbar